.mg-form,
form {
  margin: 8px;
}

label {
  color: $color-text-normal;
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0 0 5px 0;
}


select {

  height: 40px;
  padding-right: 8px;
  text-overflow: ellipsis;

  option {
    color: $color-text-main;
    background-color: rgba($color-border-1, .3)!important;
    //border: solid 1px rgba($color-border-1, .4);
    border: none;
  }

  &:focus {
    &::-ms-value {
      background-color: rgba($color-border-1, .3);
    }
  }

  &::-ms-expand {
    display: none;
  }
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea {
  appearance: none;
  background-color: rgba($color-border-1, .3);
  border: none;
  border: solid 1px rgba($color-border-1, .4);
  border-radius: 0;
  color: inherit;
  display: block;
  outline: 0;
  padding: 1em;
  text-decoration: none;
  width: 100%;
  font-size: 1em;

  &:invalid {
    box-shadow: none;
  }

  &:focus {
    border-color: rgba($color-border-1, 1);
    //box-shadow: inset 0 0 0 1px rgba($color-border-1,.4);
  }
}

textarea {
  padding: 0.75em 1em;
}


::-webkit-input-placeholder {
  color: $color-text-placehoder !important;
  opacity: 1.0;
}

:-moz-placeholder {
  color: $color-text-placehoder !important;
  opacity: 1.0;
}

::-moz-placeholder {
  color: $color-text-placehoder !important;
  opacity: 1.0;
}

:-ms-input-placeholder {
  color: $color-text-placehoder !important;
  opacity: 1.0;
}
